
<style rel="stylesheet/scss" lang="scss" scoped>
.res-box{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	.cancell-box_img{
		width:100%;
		height:200px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		font-size:15px;
		.icon-ziyuan{
			font-size: 40px;
		}

	}
	.cancell-box_info{
		width:100%;
		height:auto;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		.nl{
			font-size: 16px;
		}
		.ng{
			font-size: 30px;
		}

	}
	.cancell-box_sure{
		display:flex;
		flex:1;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		>span{
			padding:5px 60px;
			border:1px solid #2c9919;
			color:#2c9919;
			font-size:16px;
			border-radius:5px
		}

	}

}
</style>
<template >
	<div class="res-box" :style="{height:height+'px'}">
		<div class="cancell-box_img">
			<span class="iconfont icon-ziyuan"></span>
			挂单下单成功
		</div>
		<div class="cancell-box_info">
			<span class="nl">拓恪汽车易损件连锁</span>
			<span class="ng">￥{{total}}</span>
		</div>
		<div class="cancell-box_sure">
			<span @click="goBack">完成</span>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				total: 0,
				height:0
			}
		},
		methods: {
			goBack() {
				this.$router.go(-2)
			}
		},
		created() {
			this.total = this.$route.query.total
			
			var h = document.documentElement.scrollHeight || document.body.scrollHeight;
			this.height = h
			
		}
	}
</script>
